<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>珠峰培训</title>
    <link rel="stylesheet" href="css/reset.min.css">
    <style>
        #outer {
            margin: 1000px auto;
            padding: 20px;
            width: 260px;
            height: 260px;
            border: 10px solid red;
            font-size: 18px;
            line-height: 25px;
            /*overflow: hidden;*/

            /*CSS中OPACITY不兼容，需要使用两套样式才能兼容所有浏览器*/
            /*opacity: 0.1;
            filter: alpha(opacity=10);*/
        }

        #inner {
            padding: 20px;
            width: 200px;
            height: 200px;
            border: 10px solid green;
        }

        #center {
            width: 180px;
            height: 180px;
            border: 10px solid blue;
        }
    </style>
</head>
<body>
<div id="outer">
    <div id="inner">
        <div id="center"></div>
    </div>
    <!--夫君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能冶性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！夫君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能冶性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！-->
</div>

<script src="js/utils.js"></script>
<script src="js/3.js"></script>
</body>
</html>